<include file="header" />
<body>
<div class="wraper">
	<div class="load">
		<img class="load-bee" src="/assets/base/studentair/images/load-bee.png">

	</div>
	<div class="head tb-mode">
		<span class="head-name tb-cell">空调租赁</span>
	</div>
	<p class="field tips">请选择一种适合你的套餐</p>
	<div class="classify-box clearfix">
		<if condition="$list1">
		<div class="classify-list" data-id="{BEESCRM:$list1.packages_id}" data-sort="A">
			<p class="title">赁期<span class="price">{BEESCRM:$list1.year}</span>年</p>
			<p>{BEESCRM:$list1.money}元/台</p>
			<p>押金{BEESCRM:$list1.deposit}元/台</p>
			<p>现支付：<span class="price">{BEESCRM:$list1['deposit']}</span>元</p>
			<span class="marks">A</span>
		</div>
		</if>
		<if condition="$list2">
		<div class="classify-list" data-id="{BEESCRM:$list2.packages_id}" data-sort="B">
			<p class="title">赁期<span class="price">{BEESCRM:$list2.year}</span>年</p>
			<p>{BEESCRM:$list2.money}元/台</p>
			<p>押金{BEESCRM:$list2.deposit}元/台</p>
			<p>现支付：<span class="price">{BEESCRM:$list2['deposit']}</span>元</p>
			<span class="marks">B</span>
		</div>
		</if>
	</div>
	<div class="classify-box clearfix">
		<if condition="$list3">
		<div class="classify-list third" data-id="{BEESCRM:$list3.packages_id}" data-sort="C">
			<p class="title">赁期<span class="price">{BEESCRM:$list3.year}</span>年</p>
			<p>{BEESCRM:$list3.money}元/台</p>
			<p>押金{BEESCRM:$list3.deposit}元/台</p>
			<p>现支付：<span class="price">{BEESCRM:$list3['deposit']}</span>元</p>
			<span class="marks">C</span>
		</div>
			</if>
		<if condition="$list4">
		<div class="classify-list third" data-id="{BEESCRM:$list4.packages_id}" data-sort="D">
			<p class="title">赁期<span class="price">{BEESCRM:$list4.year}</span>年</p>
			<p>{BEESCRM:$list4.money}元/台</p>
			<p>押金{BEESCRM:$list4.deposit}元/台</p>
			<p>现支付：<span class="price">{BEESCRM:$list4['deposit']}</span>元</p>
			<span class="marks">D</span>
		</div>
			</if>
		<if condition="$list5">
		<div class="classify-list third" data-id="{BEESCRM:$list5.packages_id}" data-sort="E">
			<p class="title">赁期<span class="price">{BEESCRM:$list5.year}</span>年</p>
			<p>{BEESCRM:$list5.money}元/台</p>
			<p>押金{BEESCRM:$list5.deposit}元/台</p>
			<p>现支付：<span class="price">{BEESCRM:$list5['deposit']}</span>元</p>
			<span class="marks">E</span>
		</div>
			</if>
		</volist>
	</div>
	<input type="hidden" id="openid" value="{BEESCRM:$openid}">
	<p class="block-space">注：租赁到期后，租赁费直接从租赁押金中扣除，可申请退还剩余押金。</p>
	<div class="btn-box">
		<a href="javascript:void(0);" class="btn next">下一步</a>
	</div>

	<div class="bottom-box">
		<p class="copyright">青橄榄网络 技术支持</p>
	</div>
</div>
<include file="commonJs" />
<script>
	var height = $(window).height();
	var bottombox_height = $('.bottom-box').outerHeight();
	$('.wraper').css("minHeight",height);
	$('.wraper').css("paddingBottom",bottombox_height);
	$('.copyright').css("bottom",bottombox_height);

	var swiper = new Swiper('.banner .swiper-container', {
		pagination: '.banner .swiper-pagination',
		paginationClickable: true,
		spaceBetween: 30,
		centeredSlides: true,
		autoplay: 2500,
		autoplayDisableOnInteraction: false
	});
	$(window).load(function(){
		$('.load').hide();
	})

	$('.classify-list').on('click',function(){
		$('.classify-list').removeClass('choosed');
		$(this).addClass('choosed');
	});

	$('.next').on('click',function(){
		var id = $('.choosed').data('id');
		var sort = $('.choosed').data('sort');
		var openid = $('#openid').val();
		if(!id){
			$.alert('error','请选择套餐');
			return false;
		}

		window.location.href = '/base/?m=studentAir&a=detail&wechat_id={BEESCRM:$wechat_id}&packages_id='+id+'&sort='+sort+'&openid='+openid;
	});

</script>
</body>
</html>
